<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <%@include file="common.jsp" %>
    <title>展览</title>
    <style type="text/css">
    </style>
</head>
<body>
<%@include file="commonHeader.jsp" %>
<input type="hidden" value="展览" id="selectedMenu" data-href="/pc/showen">
<div class="swiper-container topBanner">
    <div class="swiper-wrapper">
       <c:forEach var="showDetailImg" items="${moduleVo.imageList}">
           <div class="swiper-slide">
               <img data-src="${showDetailImg.pictureUrl}" class="swiper-lazy">
               <div class="swiper-lazy-preloader"></div>
           </div>
       </c:forEach>
    </div>
    <div class="swiper-button-next">
        <i class="swiperIconfont icon-youjiantou"></i>
    </div>
    <div class="swiper-button-prev">
        <i class="swiperIconfont icon-zuojiantou"></i>
    </div>
</div>
<div class="container">
    <div class="padding20px detailCardBox flexBox">
        <c:forEach items="${moduleVo.moduleShowList}" var="moduleShow">
            <a class="flexItem detailCardItem" href="/pc/showed?moduleShowId=${moduleShow.id}">
                <img alt=""
                     src="${moduleShow.pictureUrl}">
                <div class="detailCardFontBox">
                    <div class="statusTag statusTag-chinese font10px">${moduleShow.title}</div>
                    <div class="statusTag statusTag-english font10px">${moduleShow.enTitle}</div>
                </div>
            </a>
        </c:forEach>
    </div>
</div>   
<%@include file="commonFooter.jsp" %>
</body>
<script>
    $(function () {
        commonInit.swiperIndexPage();
    });
</script>
</html>